<template>
  <a class="btn btn-app">
    <span class="badge {{color}}">{{total}}</span>
    <i class="fa {{iconName}}"></i> {{text}}
  </a>
</template>
<script>
export default{
  props:{
    iconName:{
      type:String,
      default: 'fa-heart-o'
    },
    color:{
      type:String,
      default: 'bg-red'
    },
    text:{
      type:String,
      default: 'Likes'
    },
    total:{
      type:Number,
      default: 100
    },
  }
}
</script>
